.flex {
    display: flex;
}

.flex_xy {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex_y {
    display: flex;
    align-items: center;
}

.flex_x {
    display: flex;
    justify-content: center;
}

.flex_xb {
    display: flex;
    justify-content: space-between;
}

.flex_xb_yc {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex_xr_yc {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.flex_xe {
    display: flex;
    justify-content: flex-end;
}

.flex_xs_yc {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flex_xe_yc {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.flex_ye {
    display: flex;
    align-items: flex-end;
}

.flex_xc_ye {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.flex_col {
    display: flex;
    flex-direction: column;
}

.flex_col_xy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.flex_col_xc {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.flex_col_yc {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.flex_col_yr {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.flex_col_yb {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.flex_col_ye {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.flex_col_xc_yb {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.flex_col_xb {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.flex_col_xb_yc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: space-between;
}

.flex_col_xe {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.flex_wrap {
    display: flex;
    flex-wrap: wrap;
}
.flex_wrap_xb {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flex_wrap_xb_ys {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: flex-start
}

.flex_wrap_yc {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.flex_wrap_xy {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}